<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        //数组遍历 --- 循环数组 ---遍历数组
        // 目的：对数组中的每个值做操作---比如输出
        //逐个输出数组中的所有的值
        // var arr = [100, 200, 300, 400];
        // // console.log(arr[0]);
        // // console.log(arr[1]);
        // // console.log(arr[2]);
        // // console.log(arr[3]);
        // // 循环次数 == 数组长度
        // // for(var i=0;i<=arr.length-1){

        // // }
        // for(var i=0;i<=arr.length;i++){
        //     console.log(arr[i]);
        // }


        // //例子1 数组中的所有数 求和
        // var arr=[100,200,300,400];
        // var total=0;
        // for(var i=0;i<arr.length;i++){
        //     //逐个从数组中1取出值，累加到total上
        //     total +=arr[i];
        //     //total =total +arr[i];

        // }
        // console.log(total);

        //例子2数组中的所有数，求 偶数的和
        // var arr=[100,101,300,301];
        // for(var i=0;i<arr.length;i++){
        //     if(arr[i] % 2 ==0){
        //         //是偶数
        //         total += arr[i];
        //     }
        // } 
        // console.log(total);

        //例子3将数组中的所有值，拼接成一个字符串，用 | 隔开
        var arr = [100, 200, 300, 'abc']; //100|200|abc
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            if (i == arr.length - 1) {
                str = str + arr[i];
            } else {
                str = str + arr[i] + '|';

            }
            // str += arr[i]
            //扩展思路 值的前面 拼接 | ；第一个不加
        }
        console.log(str);
    </script>
</body>

</html>